<template>
  <div class="childComponents">
    <Card :dis-hover='true'>
      <p slot="title">{{ $t('common.details') }}</p>
      <Form ref="formValidate" :model="detailsData" :label-width="120" class="formBox">
        <FormItem :label="$t('myTestTab.name')" prop="name">
          <Input v-model="detailsData.name" :placeholder="$t('common.noData')" disabled></Input>
        </FormItem>

        <FormItem :label="$t('myTestTab.loginName')" prop="loginName">
          <Input v-model="detailsData.loginName" :placeholder="$t('common.noData')" disabled></Input>
        </FormItem>
        <FormItem :label="$t('myTestTab.email')" prop="email">
          <Input v-model="detailsData.email" :placeholder="$t('common.noData')" disabled></Input>
        </FormItem>
        <FormItem :label="$t('myTestTab.mobilePhone')" prop="mobilePhone">
          <Input type="text" v-model="detailsData.mobilePhone" :placeholder="$t('common.noData')" disabled/>
        </FormItem>

        <FormItem :label="$t('myTestTab.address')" prop="address">
          <Input type="text" v-model="detailsData.address" :placeholder="$t('common.noData')" disabled/>
        </FormItem>
        <FormItem :label="$t('myTestTab.remark')" prop="remark">
          <Input v-model="detailsData.remark" type="textarea" :autosize="{minRows: 2,maxRows: 5}" :placeholder="$t('common.noData')" disabled/>
        </FormItem>
        <FormItem>
          <Button shape="circle" @click="goback">{{ $t('common.return') }}</Button>
        </FormItem>
      </Form>
    </Card>
  </div>
</template>
<script>
export default {
  name: 'detail',
  props: ['data', 'then', 'then-ok'],
  computed: {
    detailsData () {
      return this.data
    }
  },
  data () {
    return {

    }
  },
  methods: {
    goback () {
      this.then('detail')
    }
  }
}
</script>
